.markdown {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: stretch;
  & > textarea {
    flex: 1 1 auto; 
    width: 49%
  }
  & > .show {
    box-sizing: border-box;
    padding: 5px;
    width: 49%;
    background-color: #eee;
    overflow: auto;
    img {
      max-width: 100%;
    }
    &.fade-enter {
      width: 0;
    }
    &.fade-exit {
      width: 49%;
    }
    &.fade-enter-active {
      width: 49%;
    }
    &.fade-exit-active {
      width: 0;
    }
    &.fade-enter-active,
    &.fade-exit-active {
      transition: all 0.5s ease;
    }
  }
  & > textarea {
    resize: none;
  }
  & > .ant-btn {
    width: 2%;
    height: 100%;
    padding: 0;
  }
}
